.cn_wrapper{
	/*margin:0px auto 0px auto;*/
	width:700px !important;
	height:195px !important;
	position:relative;
	color:#fff;
	overflow:hidden;
	background-color:#fff;
}
.cn_wrapper h1{
	font-size:20px;
	text-transform:uppercase;
}
.cn_wrapper h2{
	font-size:12px;
	border-bottom:1px solid #000;
	padding-bottom:4px;
	text-transform:uppercase;
}
.cn_preview, .cn_list{
	width:348px;
	height:195px;
	position:absolute;
	top:0px;
	right:0px;
}
.cn_preview{
	left:0px;
	width:339px;
	height:194px;
	padding-right:14px;
}
.cn_content{
	top:310px;/*5*/
	left:0px;
	width: 339px;
	position:absolute;
	height:188px;
}
.cn_content h3{
	background-color: black;
    color: white !important;
    opacity: 0.7;
    padding: 5px;
    position: absolute;
	
}
.cn_content h5{
	background-color: black;
    color: white !important;
    opacity: 0.7;
    padding: 3px;
    position: absolute;
	left:0px;
	bottom:0px;
	font-size:11px;
	line-height:90%;
	margin-bottom:0px;
	cursor:auto;
}
.cn_content div img{
	height: 100%;
    max-height: 188px;
    width: 100%;
}
/*
.cn_content img{
	width:215px;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
*/
.cn_date{
	position:absolute;
	bottom:30px;
	right:8px;
	font-size:11px;
}
.cn_category{
	position:absolute;
	bottom:30px;
	left:8px;
	font-size:11px;
	padding:1px 3px;
	background:#ccc;
	border:1px solid #ddd;
	color:#000;
	text-shadow:-1px 0px 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

a.cn_more:hover{
	color: #011c44;
	text-shadow: 1px 1px 1px #ccdffc;
}
.cn_item{
	cursor:pointer;
	position:relative;
	overflow:hidden;
	height:60px;
	margin-bottom:3px;
	background-color:#fff;
	background-color: black;
    color: white;
    opacity: 0.5;
	border:1px solid #fff;
}
.cn_item h4{
	display:block;
	clear:both;
	height:20px;
	color:#fff !important;
}
.cn_item a{
	float: left;
    margin-right: 6px;
	padding:2px;
	text-decoration:none;
}
.cn_item p{
	float:left;
	text-align:left;
	border:none !important;
}
.cn_item a img{
	max-height:56px;
	width:84px;
}
.cn_item div{
	float: left;
    margin-top: -5px;
    width: 250px;
}
.cn_item:hover, .selected{
	color: #222222;
	border: 0.5px solid #fff;
	background-color:#F1F1F1;
	opacity: 1.0;
}
.cn_item:hover h4, .selected h4{
	color:#333333 !important;
}
.cn_item:hover h2,
.cn_list .selected h2,
.cn_item:active h2{
	border-color:#2C5FAC;
}
.cn_item:hover p,
.cn_list .selected p,
.cn_item:active p{
	border-color:#527CBB;
}
.cn_item:active {
	color: #011c44;
	text-shadow: 1px 1px 1px #ccdffc;
}
.cn_list p{
	padding-top:2px;
	overflow:hidden;
	border-top:1px solid #333;
}
.cn_nav{
	width:55px;
	height:24px;
	position:absolute;
	bottom:0px;
	right:5px;
}
a.cn_next, a.cn_prev{
	float:left;
	height:23px;
	width:23px;
	background-color:#212121;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	outline:none;
	border:1px solid #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
a.cn_next{
	background-image:url(img/next.png);
}
a.cn_prev{
	margin-right:5px;
	background-image:url(img/prev.png);
}
.cn_nav a:hover{
	background-color:#101010;
}
.cn_nav a:active{
	margin-top:1px;
	background-color:#000;
}
.cn_nav a.disabled{
	opacity:0.5;
}
.cn_page{
	display:none;
}